@mixin comp($key,$val) {
    -ms-#{$key}:$val;
    -moz-#{$key}:$val;
    -webkit-#{$key}:$val;

}
.header-box{
    height: 40px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #00081c;
    .header{
        width: 100%;
        height: 40px;
        position: relative;
        .leftbox{
            width: 200px;
            height: 40px;
            float: left;
            padding-left: 10px;
            line-height: 40px;
            .icon-chazhaomendian{
                color: white;
                font-size: 15px;
            }
            span{
                color: white;
                margin-left: 5px;
            }
        }
        .logo{
            width: 320px;
            height: 40px;
            margin: 0 auto;
            a{
                display: block;
            }
        }
        .rightbox{
            width: 120px;
            height: 40px;
            // float: right;
            position: absolute;
            right: 0;
            top: 0;
            // z-index: 3;
            line-height: 40px;
            .icon-yonghu1{
                color: white;
            }
            a{
                color: white;
                
            }
            
            
        }
        .btn{
            float: right;
            background-color: #00081c;
            width: 35px;
            height:40px ;
            line-height: 40px;
            margin-left: 10px;
            color: white;
            border: 0;
            outline: 0;
            cursor: pointer;
            font-size: 12px;
            font-weight: 300;
        }
     }
}

.nav-box{
    height: 60px;
    width: 100%;
    background-color: white;
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 1;
    .nav{
        width: 640px;
        height: 60px;
        margin: 0 auto;
        ul{
            width: 700px;
            height: 60px;
            a{
                padding-top: 20px;
                display: block;
                float: left;
                margin-left: 40px;
                color: black;
                position: relative;
                // border-bottom: 0 solid black;
                @include comp(transition,all 1s 0s linear); 
                font-size: 14px;
                .triangle{
                    // width: ;
                    position: absolute;
                    left: 50%;
                    bottom: -20px;
                    margin-left: -8px;
                    .icon-icon-resize{
                        color: gray;
                    }
                    display: none;
                }
                .showbox{
                    width: 180px;
                    height: 100px;
                    position: absolute;
                    left: -20px;
                    bottom: -112px;
                    background-color: gray;
                    display: none;
                }
                &::after{
                    content:"" ;
                    width: 0;
                    height: 1px;
                    background-color: black;
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    @include comp(transition,all 0.5s 0s linear)
                }
                &:hover::after{
                   left: 0%;
                   width: 100%;
                }
                &:hover .triangle{
                    display: block;
                }
                &:hover .showbox{
                    display: block;
                    z-index: 1;
                }
            }
         

           
            
        }
        .cart{
            width: 40px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            // background-color:gold;
            position: absolute;
            top: 50%;
            right: 1%;
            margin-top: -30px;
            a{
                display: block;
                width: 40px;
                height: 60px;
                span{
                    color: #00081c;
                    font-size: 22px;
                }
            }
            
        }
    }
}